<template>
  <div>
    <input v-model.number="num1" />
    <input v-model.number="num2" />
    <div>两个数之和为{{ result }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num1: 0,
      num2: 0,
      result: 0,
    }
  },
  //方法集合
  methods: {
    sum() {
      this.result = this.num1 + this.num2
    },
  },
  // computed: {
  //   result() {
  //     return this.num1 + this.num2
  //   },
  // },
  watch: {
    num1() {
      //当num1发生变化的时候调用sum方法
      this.sum()
    },
    num2() {
      //当num2发生变化的时候调用sum方法
      this.sum()
    },
  },
}
</script>

<style></style>
